.bg {
    background-image: url("")
}
.content {
    display: flex;
    .content-left {
        .image-wrap {
            width: 400px;
            height: 400px;
            border: 1px solid #ebebeb;
            box-sizing: border-box;
            overflow: hidden;
            .bg;
            .image-ele {
                display: block;
                max-width: 100%;
            }
        }
        .bottom-action {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin-top: 10px;
        }
    }
    .content-right {
        flex: 1;
        margin-left: 10px;
        .preview-image {
            width: 184px !important;
            height: 184px !important;
            border: 1px solid #ebebeb;
            box-sizing: border-box;
            overflow: hidden;
            .bg;
        }
        .actions-warp {
            margin-top: 10px;
            .row-item {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                .row-item-label {
                    min-width: 30px;
                    margin: 0 5px;
                }
                .row-item-content {
                    flex: 1;
                    .el-input-number {
                        width: auto;
                    }
                }
            }
        }
    }
    .el-button {
        padding: 6px 13px;
        .el-icon {
            font-size: 16px;
        }
    }
}